<template>
  <div class="collect-page">
    <van-nav-bar fixed title="我的收藏" left-arrow class="my-collect" @click-left='$router.go(-1)' />
    
   <FindItem v-for='item in list' :key='item.houseCode' :item='item' class='collect'></FindItem>
  </div>
</template>

<script>
import { favorites } from "@/api/users";
export default {
  name:'MyCollect',
  components: {},
  props: {},
  data() {
    return {
      list: [],
    };
  },
  computed: {},
  watch: {},
  async created() {
    const {body} = await favorites();
    console.log(body);
    this.list=[...this.list,...body]
  },
  methods: {
  
  },
};
</script>

<style scoped lang='less'>
.collect-page{
  position: relative;
.my-collect {
  background-color: #1cb676;
  color: #fff;
  margin-bottom: 50px;
}
.collect{
  position: absolute;
  top:50px;
  left:0px;
}
}


</style>
